<template>
  <div style="padding-top: 20px">
    <div v-if="isShow">
      <!-- 进入预约往下以及通知提醒 -->
      <Reception @handle="handle" />
      <!-- 科室前台往下 -->
      <Dept />
      <!-- 收银往下 -->
      <Finance />
      <!-- 回访往下 -->
      <CustomerService />
    </div>
    <!-- 通知提醒的具体 -->
    <Notifier v-if="!isShow" @closeHandle="closeHandle" />
  </div>
</template>

<script>
import Reception from "./components/reception";
import Dept from "./components/dept";
import Finance from "./components/finance";
import CustomerService from "./components/customerService";
import Notifier from "./notifier/index";
export default {
  components: {
    Reception,
    Dept,
    Finance,
    CustomerService,
    Notifier,
  },
  data() {
    return {
      isShow: true,
    };
  },
  created() {

  },
  methods: {
    handle() {
      this.isShow = false;
    },
    closeHandle() {
      this.isShow = true;
    },
  },

};

</script>
<style lang="scss" scoped>
.headStyle{
  margin-top: 20px;
  padding: 10px;
}
</style>

